<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠生活</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <script src="../js/flexble.js"></script>
</head>

<body onselectstart="return false" oncontextmenu="return false">
    <!-- header -->
    <div class="header">
        <div class="logoBox">
            <div class="logo"> </div>
            <div class="logoFont">
                <div class="font">惠生活</div>
                <div class="com">hui.com</div>
            </div>
        </div>
        <div class="seach">
            <form  class="seach_form" method="get" action="goods.php" >
                <input class="seach_name" type="hidden" name="name" value="">
                <input class="seachBox" type="search" value="" name="header_seach" placeholder="立即得到你想得到">
                <input class="seach_dis" type="hidden" name="disp" value="NaN">
                <input type="submit" value="搜索" class="seach_sumbit">
            </form>
            <ul class="seachCart">
                <li><a href="#" style="color: #555454;">掌上直通车</a></li>
                <li><a><img src="../images/index/购物车.png">购物车</a></li>
                <li><a href="#" style="color: #555454;"><img src="../images/index/收藏夹.png">收藏夹</a></li>
                <li><a href="#" style="color: #555454;"><img src="../images/index/历史.png">足迹回溯</a></li>
                <li><a href="#" style="color: #555454;">我的style</a></li>
                <li><a>卖家中心</a></li>
                <li><a>帮助中心</a></li>
            </ul>
        </div>
        <div class="loginaer">
            <button class="login">
                <div></div>
                <ol>登录/注册 &nbsp;&nbsp;></ol>
            </button>
        </div>
    </div>

    <!-- nav -->
    <div class="nav">
        <ol class="sectionNav">
            <li><a style="color: #e7e7e7;">全部商品分类</a></li>
            <li><a style="color: black;">服装城</a></li>
            <li><a style="color: black;">饮品柜</a></li>
            <li><a style="color: black;">美妆馆</a></li>
            <li><a style="color: black;">团购</a></li>
            <li><a style="color: black;">竞价</a></li>
            <li><a style="color: black;">全球购</a></li>
            <li><a style="color: black;">美食汇</a></li>
            <li><a style="color: black;">居家</a></li>
            <li><a style="color: black;">电子</a></li>
            <li><a style="color:black;"></a></li>
        </ol>
    </div>

    <!-- banner -->
    <div class="banner">
        <div class="leftAside">
            <ul>
                <li>家用电器<div></div>
                </li>
                <li>手机、数码、通讯<div></div>
                </li>
                <li>电脑办公<div></div>
                </li>
                <li>家居、家具、家装<div></div>
                </li>
                <li>男装、女装、童装<div></div>
                </li>
                <li>彩妆、清洁<div></div>
                </li>
                <li>鞋靴、帽子、装饰<div></div>
                </li>
                <li>运动、钟表<div></div>
                </li>
                <li>母婴、玩具<div></div>
                </li>
                <li>食品、饮料<div></div>
                </li>
                <li>汽车、车用<div></div>
                </li>
                <li>医药保健<div></div>
                </li>
                <li>图书、影像<div></div>
                </li>
                <li>票务、充值、理财<div></div>
                </li>
                <li>旅游<div></div>
                </li>
            </ul>
        </div>

        <div class="swipper">
            <!-- swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <!-- <img src="../images/index/swipper.jpg" alt=""> -->
                            <img src="<?php echo($data[0]['swipper']); ?>" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <!-- <img src="../images/index/swipper2.jpg" alt=""> -->
                            <img src="<?php echo($data[0]['swipper2']); ?>" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <!-- <img src="../images/index/swipper3.jpg" alt=""> -->
                            <img src="<?php echo($data[0]['swipper3']); ?>" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <!-- <img src="../images/index/swipper4.jpg" alt=""> -->
                            <img src="<?php echo($data[0]['swipper4']); ?>" alt="">
                        </a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        <div class="rightAside">
            <div class="news">
                <p class="p">实时快报</p>
                <div class="rig">更多></div>
                <ul>
                    <!-- <li><a><b>[特惠]</b>开学备战,冲呀</a></li> -->
                    <!-- <li><a><b>[特惠]</b>新国标节能</a></li>
                    <li><a><b>[特惠]</b>时令生鲜</a></li>
                    <li><a><b>[特惠]</b>品质保证,大牌担保</a></li>
                    <li><a><b>[特惠]</b>上亿补贴</a></li> -->
                    <li><a><b>[特惠]</b><?php echo($data[0]['news1']); ?></a></li>
                    <li><a><b>[特惠]</b><?php echo($data[0]['news2']); ?></a></li>
                    <li><a><b>[特惠]</b><?php echo($data[0]['news3']); ?></a></li>
                    <li><a><b>[特惠]</b><?php echo($data[0]['news4']); ?></a></li>
                    <li><a><b>[特惠]</b><?php echo($data[0]['news5']); ?></a></li>
                </ul>
            </div>
            <table class="convenient">
                <tr>
                    <!-- <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td> -->
                    <td><img src="<?php echo($data[0]['convenient1']); ?>" alt=""></td>
                    <td><img src="<?php echo($data[0]['convenient2']); ?>" alt=""></td>
                    <td><img src="<?php echo($data[0]['convenient3']); ?>" alt=""></td>
                    <td><img src="<?php echo($data[0]['convenient4']); ?>" alt=""></td>
                </tr>
                <tr>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                </tr>
                <tr>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                    <td><img src="../images/index/鸡鸭.png" alt=""></td>
                </tr>
            </table>
            <!-- <div class="show"><a href="#"></a></div> -->
            <a href="#" class="show"><img src="../images/index/bargain.png" alt=""></a>
        </div>
    </div>
    <nav class="menu">
        <ol>
            <li></li>
        </ol>
        <!-- <a href="#"><img src="../images/index/menu-.png" alt=""></a>
        <a href="#"><img src="../images/index/menu-.png" alt=""></a>
        <a href="#"><img src="../images/index/menu-.png" alt=""></a>
        <a href="#"><img src="../images/index/menu-.png" alt=""></a> -->
        <a href="#"><img src="<?php echo($data[0]['menu1']); ?>" alt=""></a>
        <a href="#"><img src="<?php echo($data[0]['menu3']); ?>" alt=""></a>
        <a href="#"><img src="<?php echo($data[0]['menu2']); ?>" alt=""></a>
        <a href="#"><img src="<?php echo($data[0]['menu4']); ?>" alt=""></a>
    </nav>
    <div class="contant">
        <div class="like">
            <ol>
                <li class="mi">猜你喜欢</li>
                <li class="writting"></li>
                <li class="change"><span>换一批</span><img src="../images/index/换一批.png" alt="换一批"></li>

            </ol>
            <div>
                <a href="#" class="likeFirst">
                    <img src="../images/index/传智播客好书榜畅销推荐低至一折.gif" alt="">
                </a>
                <div class="ribo">
                    <ul>
                        <li class="ribo_one">
                            <a href="#">
                                <img src="../images/index/达人推荐雷神金属机械键盘与你相见恨晚.gif" alt="">
                            </a>
                        </li>
                        <li class="ribo_two">
                            <a href="#">
                                <img src="../images/index/苏泊尔返场大秀场爆品直降100元.gif" alt="">
                            </a>
                        </li>
                        <li class="ribo_third">
                            <a href="#">
                                <img src="../images/index/品牌.gif" alt="">
                            </a>
                        </li>
                    </ul>
                    <ul>
                        <li class="riboOne">
                            <a href="#">
                                <img src="../images/index/发现好物一不小心霸气外露等你来.gif" alt="">
                            </a>
                        </li>
                        <li class="riboTwo">
                            <a href="#">
                                <img src="../images/index/国际大牌adidas部分3免1.gif" alt="">
                            </a>
                        </li>
                        <li class="riboThird">
                            <a href="#">
                                <img src="../images/index/本周特卖大牌折扣每周上新.gif" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="craze">
            <ol>
                <li class="fire">手机馆</li>
                <li class="writting"></li>
                <ul>
                    <li>上新</li>
                    <li>品质好评</li>
                    <li>新科技</li>
                    <li>口碑推荐</li>
                    <li>高性价比</li>
                    <li>热门</li>

                </ul>
            </ol>
            <ul class="pic">
                <li class="a1">
                    <a href="#">
                        <img src="../images/index/中兴A1低至499元国民指纹，超6万好评.gif" alt="">
                    </a>
                </li>
                <li class="a-2">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层183拷贝.jpg" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层118拷贝.gif" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层183拷贝.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </li>
                <li class="a3">
                    <a href="#">
                        <img src="../images/index/图层186.gif" alt="">
                    </a>
                </li>
                <li class="a4">
                    <a href="#">
                        <img src="../images/index/图层188.gif" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="lifedata">
            <ol>
                <li class="fire">热门疯抢</li>
                <li class="writting"></li>
                <ul>
                    <li>上新</li>
                    <li>品质好评</li>
                    <li>新科技</li>
                    <li>口碑推荐</li>
                    <li>高性价比</li>
                    <li>热门</li>

                </ul>
            </ol>
            <ul class="pic">
                <li class="a1">
                    <a href="#">
                        <img src="../images/index/图层192.gif" alt="">
                    </a>
                </li>
                <li class="a2">
                    <!-- Swiper -->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层118拷贝.gif" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层183拷贝.jpg" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="../images/index/图层118拷贝.gif" alt="">
                                </a>
                            </div>

                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </li>
                <li class="a3">
                    <a href="#">
                        <img src="../images/index/买乐视电视享钜惠送60个月会员.gif" alt="">
                    </a>
                </li>
                <li class="a4">
                    <a href="#">
                        <img src="../images/index/消暑.gif" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    </div>

    <!-- 页底 -->
    <footer>
        <ul>
            <li>
                <h5 class="ture"></h5>
                <div class="service_text">
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </div>
            </li>
            <li>
                <h5 class="fast"></h5>
                <div class="service_text">
                    <h4>急速物流</h4>
                    <p>急速物流，急速送达</p>
                </div>
            </li>
            <li>
                <h5 class="after-sales"></h5>
                <div class="service_text">
                    <h4>售后无忧</h4>
                    <p>7天无理由退货</p>
                </div>
            </li>
            <li>
                <h5 class="help"></h5>
                <div class="service_text">
                    <h4>帮助中心</h4>
                    <p>您的购物指南</p>
                </div>
            </li>
        </ul>
        <div class="mod_help">
            <dl>
                <h5>购物指南</h5>
                <dt>常见问题</dt>
                <dt>购物流程</dt>
                <dt>会员介绍</dt>
            </dl>
            <dl>
                <h5>配送方式</h5>
                <dt>上门自提</dt>
                <dt>海外配送</dt>
                <dt>配送费收费标准</dt>
            </dl>
            <dl>
                <h5>售后服务</h5>
                <dt>售后政策</dt>
                <dt>价格保护</dt>
                <dt>退款说明</dt>
            </dl>
            <dl>
                <h5>支付方式</h5>
                <dt>货到付款</dt>
                <dt>在线支付</dt>
                <dt>分期付款</dt>
            </dl>
            <dl>
                <h5>反馈与帮助</h5>
                <dt class="qq"><img src="../images/index/客服-联系我们.jpg" alt=""></dt>
                <dt style="color: red;">网站仅供学习</dt>
            </dl>
        </div>
        <div class="copyright">
            <ul class="we">
                <li>关于我们</li>
                <li>联系我们</li>
                <li>加入我们</li>
                <li>学习合作</li>
                <li>学习入驻</li>
            </ul>
            <h3>无备案<br>网站仅供学习参考，如有侵权请联系，立即删除</h3>
        </div>
        <div class="retop" style="display: none;"></div>
    </footer>

    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>